@import "../../styles/dashboard-util";
$grid-prefix-cls: #{$prefix}-dashboard;

.#{$grid-prefix-cls} {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: $box-radius;
  background: $content-background-color;

  &.active {
    background: $color-primary-1;
  }

  // 全屏样式，不能合并一起简写，否则不生效
  :not(:root):-webkit-full-screen::backdrop {
    background: $full-background-color;
  }

  :not(:root):-moz-full-screen::backdrop {
    background: $full-background-color;
  }

  :not(:root):-ms-full-screen::backdrop {
    background: $full-background-color;
  }

  :not(:root):-o-full-screen::backdrop {
    background: $full-background-color;
  }
}

.#{$prefix}-dashboard-content {
  padding: 12px 16px;
  overflow-x: hidden;
  overflow-y: auto;
}
